vue

2023-09-17 14:45| 来源: 网络整理| 查看: 265

在做项目时遇到动态设置图片出现错误在这里插入图片描述

export default{ data(){ return{ src:'', img:'E:/web/vue-shop/src/assets/b7a99470-9f7b-11eb-aad4-45fe018fae54.jpg' } }, created(){ this.get() }, methods:{ get(){ this.src=require(this.img); } } }

如果把

this.src=require(this.img);

改成

this.src=require('E:/web/vue-shop/src/assets/b7a99470-9f7b-11eb-aad4-45fe018fae54.jpg');

就可以了不知道是什么原因，上网一查发现是webpack打包的问题，打包时require里面的值不能用变量去定义，放入路径，所以需要改成

const imgname=''//填写图片名称 this.src=require('E:/web/vue-shop/src/assets/'+imgname);

详情请看https://blog.csdn.net/hzxonlineok/article/details/96307270

【本文地址】

公司简介

联系我们